<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/css_03_div.css" rel="stylesheet">
</head>
<body>
<!--
<button onclick="plus(prompt('请输入第一个数',''),prompt('请输入第二个数',''))">加</button>
<button onclick="min(prompt('请输入第一个数',''),prompt('请输入第二个数',''))">减</button>
<button onclick="mul(prompt('请输入第一个数',''),prompt('请输入第二个数',''))">乘</button>
<button onclick="division(prompt('请输入第一个数',''),prompt('请输入第二个数',''))">除</button>
-->
<script>
/*    for(var i =1;i<=9;i++){
        for(var j=1;j<=i;j++){
            document.write(j+"*"+i+"="+(i*j)+"&nbsp&nbsp&nbsp");
        }
        document.write("<br>");
    }*/

/*    //加
    function plus(a,b){
        var c =parseInt(a)+parseInt(b);
        alert("两数相加结果是："+c);
    }
    //减
    function min(a,b){
        alert("两数相减结果是："+ (a-b));
    }
    //乘
    function mul(a,b){
        alert("两数相乘结果是：" + (a*b));
    }
    //除
    function division(a,b){
        alert("两数相除结果是："+ (a/b));
    }*/

    /*function say(){
    //局部变量.
    var i = 1;
    var sayName = function(){//闭包函数sayName
    i++;
    alert(i);
    }
    return sayName;
    }
    var result1 = say();
    result1();//?
    result1();//?*/
/*
    var a = "123qwasxsx";
    console.log(a.substr(2,5))     //开始位置   截取长度
    console.log(a.substring(2,5))    //3qw
    console.log(a.splice(2,5))   //从2开始删除5个元素
*/
/*
    var date = new Date(2019,08,19,16,03,01);

    console.log(date);
    console.log(date.getFullYear());
    console.log(date.getDate());
    console.log(date.getDay());
    console.log(date.getHours());*/


</script>


    <div class="hide-content">
        <span href="" onclick="hide()">更多</span>
    </div>
<div class="more-content">
    <span href="" onclick="show()">收起</span>
</div>

<script>
    function hide(){
        document.querySelector(".hide-content").style.display="none";
        document.querySelector(".more-content").style.display="block";
    }
    function show(){
        document.querySelector(".hide-content").style.display="block";
        document.querySelector(".more-content").style.display="none";
    }
</script>


</body>
</html>